.head>a{
    display:block;
    width:100%;
    overflow: hidden;
    border-radius: 50%;
}
.head>a>img{
    width:100%;
    height:100%;
}
.head>p{
    font-size:12px;
    margin-top:15px;
}
.head>p>span{
    padding-left:5px;
    padding-right:5px;
}
.head>p>span+span{
    border-left:1px solid #ddd;
}
.succ-info{
    border:1px solid #ddd;
    padding-top:50px;
    padding-bottom:50px;
}
.succ-info hr{
    height:2px;
    background-color:#5bc0de;
}
/* 头像 */
.head-area img{
    width:20%;
}
.head-area form{
    margin-top:20px;
}
/* 左侧选项卡 */
.content-items>div{
    display:none;
}
.content-items>div:first-child{
    display:block;
}
.other-webs{
    margin-left:0!important;
    margin-right:0!important;
    margin-bottom:0!important;
    padding-top:10px;
    padding-bottom:10px;
}
.other-webs li{
    height:32px;
    padding-left:0!important;
    padding-right:0!important;
}
.other-webs li a{
    display:block;
    width:100%;
    height:100%;
}
.xl-wb{
    background:url(../images/wb.png) center center no-repeat;
}
.tx-wb{
    background:url(../images/tx-wb.png) center center no-repeat;
}
.we-chat{
    background:url(../images/vx.png) center center no-repeat;
    position: relative;
}
.we-chat .erCode{
    position: absolute;
    bottom:-70px;
    left:2px;
    font-size:12px;
    display:none;
}
.we-chat:hover .erCode{
    display:block;
}
.git{
    background:url(../images/GitHub.png) center center no-repeat;
}
/* 常規設置 */
.edit-item .form-group input{
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border:none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-left:15px;
    margin-right:0;
}
.edit-item .form-group button{
    border:none;
    padding:7px 12px!important;
    margin-left:-30px;
    border-radius: 0!important;
    background-color:#999;
    color:#fff!important;
}
.content-items{
    padding-top:20px;
}

/* 消息通知 */
.messages>p a{
    padding-left:5px;
    padding-right:5px;
    color:#222;
}
.messages>p .msg-active{
    color:blue;
}
.msg-list>li{
    border-top:1px solid #ddd;
    /* margin-bottom:20px; */
    padding-top:10px;
    padding-bottom:20px;
}
.msg-list>li>a{
    display:block;
    min-height:50px;
    border-radius:50%;
    overflow: hidden;
    text-align: center;
}
.msg-list>li>.dialog{
    position: relative;
}
.msg-list>li>.dialog>a:first-child{
    display:block;
    font-size:12px;
    margin-bottom:10px;
}
.dialog .dialog-content{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.operation{
    text-align:center;
    position: absolute;
    top:0;
    right:0;
}
.operation ul{
    min-width: 100px;
    border:1px solid #ddd;
    position: absolute;
    right:0;
    padding-left:10px;
    padding-right:10px;
    background:#fff;
    z-index:1;
    display: none;
}
.operation>a{
    text-decoration: none;
}
.operation ul li{
    padding-top:5px;
    padding-bottom:5px;
    /* text-align:center; */
}
.operation ul li+li{
    border-top:1px solid #ddd;
}
.operation ul li a{
    font-size:12px;
    color:#000;
}



.dialog .two{
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid #ddd;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    position: absolute;
    left:-21px;
}
.dialog .three{
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:9px solid #fff;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    position: absolute;
    left:-19px;
}


/* 对话列表 */
.dialogs{
    display:none;
}
.dialogs>div{
    text-align: center;
    position: relative;
}
.dialogs>div>a{
    display:inline-block;
    font-size:12px;
    color:#222;
    position: absolute;
    left:0;
}
.dialogs>ul{
    /* max-height:200px; */
    overflow: auto;
    padding-left:20px;
    padding-right:20px;
    margin-top:20px;
}
.dialogs>ul li{
    margin-bottom:20px;
}
.dialogs>ul li>a{
    display:block;
}
.dialogs>ul li>div{
    border:1px solid #ddd;
    position: relative;
    padding-top:10px;
    padding-bottom:10px;
    border-radius: 5px;
}
.dialogs>ul li>div .two,.dialogs ul li>div .three{
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    position: absolute;  
}
.detail-he .two{
    border-left:10px solid transparent;
    border-right:10px solid #ddd;
    left:-21px;
}
.detail-he .three{
    border-left:10px solid transparent;
    border-right:10px solid #fff;
    left:-19px;
}
.detail-me .two{
    border-left:10px solid #ddd;
    border-right:10px solid transparent;
    right:-21px;
}
.detail-me .three{
    border-left:10px solid #fff;
    border-right:10px solid transparent;
    right:-19px;
}
.input-area textarea{
    resize: none;
}
.input-area button{
    margin-top:15px;
}

/* 举报用户 */
.reportForm textarea{
    resize:none;
    margin-top:10px;
}
